<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<div class="loginpage row-fluid" style="display:none" id="bind-page">
	<div class="container" id="login-bind">
		<div id="info">
		<input type="hidden" id="bindType" value="" />
			<img id="userImg" width="100" height="100">
			Hi,<span class="color_theme" id="userNickName"></span>欢迎使用<span id="type"></span>登陆YAMI，请完善资料：
		</div>
		<div class="start-content" id="tabs-852208">
			<ul class="nav nav-tabs">
				<li class="active"><a href="#panel-331007" class="tabs"
					data-toggle="tab">创建帐号</a></li>
				<li><a href="#panel-234631" class="tabs" data-toggle="tab">已有帐号</a>
				</li>
			</ul>
			<div class="tab-content">
				<div class="tab-pane active" id="panel-331007">
					<div id="error"></div>
					<div class="form">
						<form id="regist-form" style="margin-bottom: 20px;">
							<input  type="hidden" name="url" id="url" value="" />
							<div class="input-prepend">
								<div class="username-img"></div>
								<input class="username required bind-input" type="text" name="name"
									value="" placeholder="输入昵称(中英文/数字/下划线/减号)" />
								<div class="ok-img"></div>
							</div>
							<div class="input-prepend">
								<div class="e-mal-img"></div>
								<input class="e-mal required bind-input" type="text" name="loginName"
									value="" placeholder="输入用户名（手机号）" />
								<div class="ok-img"></div>
							</div>
							<div class="input-prepend">
								<div class="password-img"></div>
								<input class="password required bind-input" type="password" minlength="6" id="plainPassword"
									name="plainPassword" placeholder="输入密码(至少6个字符)" />
								<div class="ok-img"></div>
							</div>
							<div class="input-prepend">
							<div class="password-img"></div>
							<input class="password required bind-input" type="password" name="rePassword" id="rePassword"
								placeholder="输入确认密码" />
								<div class="ok-img"></div>
						</div>
							<div class="forget" style="margin-bottom: 20px;">
								<input class="checkbox-login" type="checkbox" id="servers"
									style="margin: 0px;" /> <label for="servers"
									style="display: inline;"><h class="h2"> 同意我们的<a
										href="#">服务条款</a> </h></label>
							</div>
							<button type="submit" value="注册" readonly="readonly"
								id="registUser" class="color_theme" style="float: left;">完成</button>
						</form>

					</div>
				</div>
				<div class="tab-pane" id="panel-234631">
					<div id="error"></div>
					<div class="form">
						<form id="login-form" 
							style="margin-bottom: 20px;">
							<input type="hidden" id="captcha" name="captcha" value="#4ds">
							<div class="input-prepend">
								<div class="e-mal-img"></div>
								<input class="e-mal required bind-input" type="email" name="username"
									value="" placeholder="输入用户名（手机号）" />
								<div class="ok-img"></div>
							</div>
							<div class="input-prepend">
								<div class="password-img"></div>
								<input class="password required bind-input" type="password" 
									name="password" placeholder="输入密码" />
								<div class="ok-img"></div>
							</div>
							<br/>
							<br/>
							<button type="submit"  readonly="readonly"
								id="bindOld" class="find_password color_theme" style="float: left;">绑定</button>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<c:if test="${env == 'production' }">
	<script type="text/javascript">
		seajs.use("${ctx}/assets/js-dist/account/login-bind-page");
	</script>
</c:if>
<c:if test="${env != 'production' }">
	<script type="text/javascript">
		seajs.use("${ctx}/assets/js/account/login-bind-page");
	</script>
</c:if>